<template>
	<view class="hot_box" :style="'margin:' + mydata.padding.top + 'rpx ' + mydata.padding.lr + 'rpx ' + mydata.padding.bottom + 'rpx '">
		<vimage
			:imgstyle="'border-radius:' + mydata.radius.top + 'rpx ' + mydata.radius.top + 'rpx ' + mydata.radius.bottom + 'rpx ' + mydata.radius.bottom + 'rpx '"
			class="bg_img"
			mode="widthFix"
			:src="mydata.img"
		></vimage>
		<view
			v-for="(item, i) in mydata.list"
			class="hot_item"
			:style="'left:' + item.x / 0.76 + 'rpx;top:' + item.y / 0.76 + 'rpx;width: ' + item.width / 0.76 + 'rpx;height: ' + item.height / 0.76 + 'rpx;'"
		>
			<vcustomer :linkdata="item">
				<view
					:style="'left:' + item.x / 0.76 + 'rpx;top:' + item.y / 0.76 + 'rpx;width: ' + item.width / 0.76 + 'rpx;height: ' + item.height / 0.76 + 'rpx;'"
					:key="i"
				></view>
			</vcustomer>
		</view>
	</view>
</template>

<script>
export default {
	props: {
		mydata: {
			type: Object,
			default: {}
		}
	}
};
</script>
<style lang="scss" scoped>
.bg_img {
	width: 100%;
	display: block;
}
.hot_box {
	position: relative;
}
.hot_item {
	position: absolute;
	// background: rgba(45, 140, 240, 0.6);
}
</style>
